<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <%- include common %>
  <style>
    .layui-layout-body{
      padding-top:0 ;
    }
    #test1 img{
      width: 100%;
    }
  </style>
</head>
<body class="layui-layout-body">
  <div class="layui-layout layui-layout-admin">
    <%- include('head',{username:username})  %>
    <div class="layui-body">
      <!-- 内容主体区域 -->
      <div style="padding: 15px;">
        <h2>酒店介绍</h2>
        <h3 style="color: red;">不一样的酒店住不一样的人，今天的你入住了吗？高处不胜寒</h3>
        <div class="layui-collapse" lay-accordion style="margin-bottom: 10px;">
          <div class="layui-colla-item">
            <h2 class="layui-colla-title">员工介绍</h2>
            <div class="layui-colla-content layui-show">
              员工数：80人 经理3位   本公司致力发展人文关怀....
            </div>
          </div>
          <div class="layui-colla-item">
            <h2 class="layui-colla-title">客户</h2>
            <div class="layui-colla-content layui-show">
              本月客户数：100 累计销售额：100000元
            </div>
          </div>
          <div class="layui-colla-item">
            <h2 class="layui-colla-title">房型介绍</h2>
            <div class="layui-colla-content layui-show">
              <p>单人间</p>
              <p>双人间</p>
              <p>标间</p>
              <p>豪华套间</p>
            </div>
          </div>
        </div>

        <div class="layui-carousel" id="test1">
          <div carousel-item>
            <div>
              <img src="http://pavo.elongstatic.com/i/Hotel795_325/nw_W1OUx1mK8o.webp" alt="">
            </div>
            <div>
              <img src="http://pavo.elongstatic.com/i/Hotel795_325/nw_000h9Efk.webp" alt="">
            </div>
            <div>
              <img src="http://pavo.elongstatic.com/i/Hotel795_325/nw_000h7P6L.webp" alt="">
            </div>
            <div>
              <img src="http://pavo.elongstatic.com/i/Hotel795_325/nw_000h8yaS.webp" alt="">
            </div>
            <div>
              <img src="http://pavo.elongstatic.com/i/Hotel795_325/nw_W1OUdcQN32.webp" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <div class="layui-footer">
      <!-- 底部固定区域 -->
      © 国际大酒店 layumen.com
    </div>
  </div>
  <!-- <script src="../src/layui.js"></script> -->
  <script>
  //JavaScript代码区域
  layui.use('element', function(){
    var element = layui.element;
    
  });
  layui.use('carousel', function(){
  var carousel = layui.carousel;
  //建造实例
  carousel.render({
    elem: '#test1'
    ,width: '100%' //设置容器宽度
    ,height:'400px'
    ,arrow: 'always' //始终显示箭头
    //,anim: 'updown' //切换动画方式
    ,interval:2000
  });
});
  </script>
  </body>
</html>
